<template>
  <div class="q-pa-md q-gutter-md">
    <div>
      <t-chip size="18px" icon="bookmark"> Bookmark </t-chip>
    </div>

    <div>
      <t-chip size="xs" icon="bookmark"> Bookmark </t-chip>

      <t-chip size="sm" icon="bookmark"> Bookmark </t-chip>

      <t-chip size="md" icon="bookmark"> Bookmark </t-chip>

      <t-chip size="lg" icon="bookmark"> Bookmark </t-chip>

      <t-chip size="xl" icon="bookmark"> Bookmark </t-chip>
    </div>

    <div>
      <t-chip dense size="xs" icon="bookmark"> Bookmark </t-chip>

      <t-chip dense size="sm" icon="bookmark"> Bookmark </t-chip>

      <t-chip dense size="md" icon="bookmark"> Bookmark </t-chip>

      <t-chip dense size="lg" icon="bookmark"> Bookmark </t-chip>

      <t-chip dense size="xl" icon="bookmark"> Bookmark </t-chip>
    </div>
  </div>
</template>
